#navbar-iframe {display:none !important;}

header, nav, section, aside, article, footer {display:block;}

/* Use this with templates/template-twocol.html */

body{background: url(http://1.bp.blogspot.com/-oQLr9zS8KQk/VEW-ouEdSeI/AAAAAAAAAlY/lRDVZAUYYB0/s1600/bg1.jpg);
  margin:0;
  padding:0;
  color:$(cont.text.color);
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size:/**/small;
  text-align:center;
}

a:link {
  color:$linkcolor;
  text-decoration:none;
}

a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
}

a:hover {
  color:#222;
  text-decoration:underline;
}

a img {
  border-width:0;
}

body#layout div.list-tabwrap {
padding: 10px;
margin: 0;
}

/* -- Header -- */
#headisi{background-image:none;background-repeat: no-repeat;height:5px;width:100%;}
#header .description {
  color:#ffffff;
  font-size:14px;
  text-shadow:0px 1px 0px #000000;
}

header{ width:100%;height:0px;}
header>div+div {width:100%;}
header>div+div>div {width:960px; margin:0 auto; }

/* Navigation
----------------------------------------------- */

/* = Top Nav = */

#topnav {
  background:$(topnav.back.color);  
  padding:0;
  height: 29px;
  font-size:11px;
  position: relative;
}

#topnav .wrapnya,
#nav .wrap,
#headisi,
#content-wrapper {
  margin:0 auto;
  width:99%;
}

#topnav .tgltop {
  float:$startSide;
  color:$(topnav.text.color);
  display:block;
  line-height:20px;margin-top: 4px;
}

/* = Middle Nav = */

#nav {
  height:50px;
  position:relative;
  z-index:1;
}

#nav .bgnya {
  width:100%;
  background-color:$(topnav.back.color);
  height:42px;
  position:absolute;
  z-index:-1;
  bottom:0;
  left:0;
  border-bottom:4px solid $(midnav.select.color);
  -moz-box-shadow:0 1px 6px $(midnav.shadow.color);
  -webkit-box-shadow:0 1px 6px $(midnav.shadow.color);
  box-shadow:0 1px 6px $(midnav.shadow.color);
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {
position:relative;
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:$startSide;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:block;
}
.sf-menu a {
display:block;
position:relative;
}
#menunav > li > a {
font: $(midnav.font.type);
line-height: 50px;
text-transform: uppercase;
font-weight: 600;
height: 50px;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:$startSide;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:50px;
line-height:50px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
background-color:$(midnav.select.color);
text-indent:-9999px;
padding:0;
width:50px;
}
.sf-menu a {
color:$(midnav.link.color);
font-size:11px;
}
#topnav .sf-menu a {
color:$(topnav.select.color);
height: 29px;
line-height: 29px;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:$(midnav.sub.color);
margin:1px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#topnav .sf-menu ul li, #topnav .sf-menu ul ul li {
background-color:$(topnav.back.color);
}
.sf-menu ul a {
font-weight:normal;
height:28px;
line-height:28px;
}
#topnav .sf-menu ul a {
height:25px;
line-height:25px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:$(midnav.subsub.color);
margin:0 0 1px 2px;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a,
.sf-menu > li > a.current {
background-color:$(midnav.select.color);
-moz-transition:none;
-webkit-transition:none;
transition:none;
color:$(midnav.link.color);
}
#topnav .sf-menu li:hover > a,
#topnav .sf-menu li.sfHover > a,
#topnav .sf-menu > li > a.current { 
background-color:$(topnav.select.color);
color:$(topnav.text.color);
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
right:0.85em;
margin-top:-2px;
height:0;
width:0;
border:4px solid transparent;
border-top-color:$(midnav.link.color);
}
#topnav .sf-arrows .sf-with-ul:after  {
border-top-color:$(topnav.select.color);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:$(midnav.link.color);
}
#topnav .sf-arrows > li > .sf-with-ul:focus:after,
#topnav .sf-arrows > li:hover > .sf-with-ul:after,
#topnav .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:$(topnav.text.color);
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-4px;
margin-right:-3px;
border-color:transparent;
border-left-color:$(midnav.link.color);
}
#topnav .sf-arrows ul .sf-with-ul:after {
border-left-color:$(topnav.select.color);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color:$(midnav.link.color);
}

#topnav .sf-arrows ul li > .sf-with-ul:focus:after,
#topnav .sf-arrows ul li:hover > .sf-with-ul:after,
#topnav .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:$(topnav.text.color);
}
.sf-menu li > i {
position:absolute;
top: 3px;
right: 3px;
width: 27px;
height: 22px;
cursor:pointer;
display:none;
background-color:$(midnav.select.color);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:0;
}

.sf-menu li > i:after {
content: '+';
color: #fff;
font-size: 19px;
position: absolute;
left: 5px;
top: -2px;
}
.sf-menu li > i.active:after {
content:'-';
font-size:39px;
top:-14px;
}
#topnav .sf-menu li > i {
width: 23px;
height: 19px;
top: 6px;
}
#topnav .sf-menu li > i:after {
top: -4px;
left: 3px;
}
#topnav .sf-menu li > i.active:after {
top: -13px;
font-size: 31px;
left: 4px;
}

.sf-menu a.home:before, 
#searchnya button:before, 
#view a:before,
.rcentpost .date:before, 
.rcentpost .comnum:before, 
.morepostag a:before, 
#topmobilenav:before,
#mobilenav:before,
#related_posts .date:before,
#related_posts .comnum:before {
position: absolute;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.sf-menu a.home:before, #searchnya button:before, #view a:before, .breadcrumbs .homex:before {
text-indent: 0;
}
.sf-menu a.home:before {
width: 30px;
height: 30px;
}
.sf-menu a.home:before {
content: "\f015";
top: 0;
font-size: 29px;
left: 11px;
color: #FBFBFB;
}
#searchnya button:before {
content: "\f002";
top: 5px;
left: 11px;
color: $(midnav.link.color);
font-size: 18px;
}
#topmobilenav:before, #mobilenav:before {
content: "\f0c9";
top: 3px;
text-indent: 0;
left: 5px;
font-size: 29px;
}
#topmobilenav:before {
font-size: 21px;
top: 1px;
left: 3px;
}
#topmobilenav, #mobilenav {
position: absolute;
width: 35px;
height: 35px;
bottom: 7px;
color: $(midnav.link.color);
text-decoration: none;
text-indent: -9999px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
outline:0;
background-color:$(midnav.button.color);
}
#topmobilenav {
width: 25px;
height: 25px;
bottom: 2px;
color:$(topnav.text.color);
}
#mobilenav.active {
color: $(midnav.back.color);
}
#topmobilenav.active {
color: $(topnav.back.color);
}
/* Outer-Wrapper
----------------------------------------------- */

#outer-wrapper {
  background-color:$(cont.back.color);
  margin:0 auto;
  padding:0;
  text-align:$startSide;
  font:$(cont.font.type);
  -moz-box-shadow:0 0 5px $(cont.shadow.color);
  -webkit-box-shadow:0 0 5px #$(cont.shadow.color);
  box-shadow:0 0 5px $(cont.shadow.color);
}

#outer-wrapper,
#nav {
  width:100%;
  max-width:1080px;
}

#content-wrapper {
  padding:15px 0;
}

#main-atas {
  width:66%;
  padding:0 1% 0 0.5%;
  float:$startSide;
  word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
  overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */;
}

#sidebar-wrapper {
  width:32%;
  float:$endSide;
  padding:0 0;
  word-wrap:break-word;  /* fix for long text breaking sidebar float in IE */
  overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */;
}


#related_posts h4,
#comments > h4 {
  padding:5px 0;
  margin:0 0 5px;
  background-image:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s12/stripe.png);
  background-repeat:repeat-x;
  background-position:0 50%;
  overflow:hidden;
  font:$(main1.headfont.type);
  text-transform:uppercase;
  color:$(main1.headfont.color);
  font-weight:600;
}
/* Sidebar
----------------------------------------------- */
.sidebar .widget {
margin:0 0 10px 0px;
}
.sidebar h2 {
background:#00A7D7 url('http://3.bp.blogspot.com/-ySE8kuGCfgc/UbDwy5fNHQI/AAAAAAAAAC0/SfVNC2ENY4c/s1600/images.jpg') repeat-x;
border-radius:6px 6px  0 0;
color: #FFF;
font-size: 14px;
text-transform:uppercase;
height: 35px;
line-height: 35px;
padding: 0 15px;
margin: 0;
}
.sidebar .widget-content {
background:#fff url(http://2.bp.blogspot.com/-O5CHgS551tU/UgjCbGk1lAI/AAAAAAAAAVM/_BMPwk_z3D8/s1600/blue_shadow.jpg) repeat-x top;
border: 1px solid #e5e5e5;
padding: 10px 15px;
}
.sidebar ul, .sidebar li {
margin: 0;
padding: 0;
}
.sidebar li {
border-bottom: 1px dotted #e5e5e5;
padding: 3px 0 0px 20px;
}
.sidebar li:last-child {
border-bottom: 0;
}

#mainmidtengah,
#mainmidtengah2 {
  overflow:hidden;
}

#mainmidtengah .section,
#mainmidtengah2 .section {
  width:50%;
  float:$startSide;
}

/* Headings
----------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font:$headingfont;
  text-transform:none;
  margin:0;
}

/* Posts
-----------------------------------------------
 */

.blog-posts.hfeed {
  overflow:hidden;  
}

.index .post-outer,
.archive .post-outer {
  width:33.3%;
  float:$startSide;
  position:relative;
}

.index .post-outer .post,
.archive .post-outer .post {
  margin:0 10px 10px;
  height:190px;
  position:relative;
  z-index:0;
}

a.thumbimgx, .thumbimgslide {
  display:block;
  border:1px solid $(side.border.color);
  -moz-border-radius:3px;  
  -webkit-border-radius:3px; 
  border-radius:3px; 
  height:140px;
  padding: 4px;
  position:relative;
  background-color:$(side.area.color);
}

a.thumbimgx:before,
a.thumbimgx:after,
.thumbimgslide:before,
.thumbimgslide:after,
#feedContainer .inner:before,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:before, 
.rcbytag.s ul.rcentpost a.thumbxtag:before,
ul.rcentpost > li.a0 a.thumbxtag:after, 
.rcbytag.s ul.rcentpost a.thumbxtag:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:15px;
  left:5px;
  width:50%;
  height:20%;
  max-width:300px;
  -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
  -moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
  box-shadow:0 15px 10px rgba(0,0,0,0.7);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  transform:rotate(-3deg);
}

a.thumbimgx:after,
.thumbimgslide:after,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:after, 
.rcbytag.s ul.rcentpost a.thumbxtag:after {
  right:5px;
  left:auto;
  -webkit-transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  -ms-transform:rotate(3deg);
  -o-transform:rotate(3deg);
  transform:rotate(3deg);
}

a.thumbimgx img, .slideximg img, ul.imgslide, ul.imgslide li {
  height: 100%;
width: 100%;
}
.slideximg {
height: 100%;
overflow: hidden;
}
ul.imgslide, ul.imgslide li {
padding: 0;
margin: 0;
list-style: none;
}
ul.imgslide li {
display: none;
}
ul.imgslide li:first-child {
display: block;
}
.datex {
  position:absolute;
  z-index:10;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
  padding:3px 0;
  top:0;
  left:15px;
  display:block;
  text-align:center;
}

.item .datex, .static_page .datex {
z-index: 0;
}

.post:hover .datex.show {
  background-color:$(main2.datehover.color);
}

.datex.show strong,
.datex.show span,
.datex.show small {
  display:block;
  padding:0 2px;
}

.datex.show strong {
  font-size:21px;
}

.datex.show span,
.datex.show small {
  font-size:9px;
  height:12px;
  line-height:12px;
}

.post-summary p,
.post-more-link,
.post-footer {
  display:none;
}

.post .titlex,
ul.rcentpost li strong a {
  text-decoration:none;
  font:$(main1.postfont.type);
  font-weight:600;
  line-height:1.4em;
  color:$(main1.postfont.color);
  display:block;
  margin:5px 0 0;
  max-height:36px;
  overflow:hidden;
}

.menu-xitem {
  background-image:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s12/stripe.png);
  background-repeat:repeat-x;
  background-position:0 50%;
  height:34px;
  margin:0 0 5px;
}

.xitem1,
#view {
  float:$startSide;
  background-color:$(cont.back.color);
  padding:5px;
  position:relative;
}

#view {
  float:$endSide;
}

.menu-xitem a {
  text-decoration:none;
  color:$(main1.headfont.color);
}

.xitem1 .liat {
  font:$(main1.headfont.type);
  text-transform:uppercase;
  font-weight:600;
  background-image:url(http://1.bp.blogspot.com/-M1hnSxIV4W4/UW0e52ILM9I/AAAAAAAAI-A/8cqDNDbK0k4/s1600/ui-select.png);
  background-repeat:no-repeat;
  background-position:100% 70%;
  display:inline-block;
  padding-right:20px;
}

.index .post-outer.list,
.archive .post-outer.list {
  width:100%;
  float:none;
}

.index .post-outer.list .post,
.archive .post-outer.list .post {
  height:auto;
  margin:0 0 15px;
  padding-bottom:10px;
}

.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
  width:200px;
  float:$startSide;
  margin:0 10px 0 5px;
}

.post-outer.list .post .titlex {
  font-size:150%;
  max-height:200px;
  margin:0;
  overflow:visible;
}

.post-outer.list .post-summary p {
  display:block;
  margin:10px 0 0;
}

.post-outer.list .post-more-link {
  display:block;
  position:absolute;
  bottom:0;
  float:$endSide;
  right:0;
}

.post-outer.list .post-more-link a {
  display:block;
  text-decoration:none;
  padding:4px 8px;
  font-size:90%;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
}

.post-outer.list .post-more-link a:hover {
  background-color:$(main2.datehover.color);
}

.post-body .left {
  float:$startSide;
  margin:0 5px 5px 0;
}

.post-body .right {
  float:$endSide;
  margin:0 0 5px 5px;
}

.post-body .center {
  margin:10px 0 15px 0;
  display:block;
  text-align:center;
}

.post-body .left span, .post-body .right span, .post-body .center span {
display: block;
text-align: center;
font-size: 80%;
font-style: italic;
}

.post-body blockquote {
  padding-left:40px;
  margin:20px;
  font-size:110%;
  line-height:1.6em;
  color:#777;
  background:url(http://1.bp.blogspot.com/-sJbFLVX5LVs/UDzoGxMvWrI/AAAAAAAAAmg/qkUni125BV0/s1600/quotation-l.png) no-repeat left 5px;
}

.item .post-body img,
.static_page .post-body img {
  padding:4px;
  border:1px solid $imageborder;
}

.post-body h1 {
  font-size:180%;
}

.post-body h2 {
  font-size:160%;
}

.post-body h3 {
  font-size:140%;
}

.post-body h4 {
  font-size:130%;
}

.post-body h5 {
  font-size:120%;
}

.post-body h6 {
  font-size:110%;
}

.item .post,
.static_page .post,
.comments .comments-content,
#related_posts ul,
.boxcommentnya,
.error-custom,
.breadcrumbs,
#main-wrapper .inline-ad {
  padding:10px;
  border:1px solid $(side.border.color);
  position:relative;
  margin:0 0 10px;
  background-color:$(side.area.color);
  -moz-border-radius:2px;
  webkit-border-radius:2px;
  border-radius:2px;
}

.breadcrumbs {
  padding:5px 10px;
  margin:0 0 5px;
}

.error-custom {
  background-image:url(http://1.bp.blogspot.com/-XKqVUlnOOBc/UXVCp_hfbEI/AAAAAAAAI_k/KdS4rjvZgkc/s500/Abstract+Floral+Vector+Illustration.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  padding-bottom:220px;
  line-height:1.5em;
}

.post h1.post-title,
.post h2.post-title,
.error-custom h2 {
  font-size:155%;
  font-weight:600;
  border-bottom:1px solid $(side.border.color);
  padding:0 0 5px 50px;
  color:$posttitlecolor;
  margin-bottom:15px;
}

.post h2.post-title,
.error-custom h2 {
  padding-left:0;
}

.post h1.post-title a,
.post h2.post-title a {
  text-decoration:none;
  display:block;
  color:$posttitlecolor;
}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body iframe {
max-width: 100%;
}

.item .post-footer,
.static_page .post-footer {
  display:block;
  border-top:1px solid $(posfoot.border.color);
  padding:8px;
  margin:0 -10px -10px;
  background-color:$(posfoot.back.color);
}

.item .post-body img,
.static_page .post-body img {
  max-width:95%;
}

.post-timestamp {
  display:none;
}

.post-author.vcard,
.post-labels {
  margin-bottom:5px;
}

.tr-caption-container img {
  border:none;
  padding:0;
}

.post-footer .item-control.blog-admin.pid-1748668997 {
  float:$endSide;
}

.post blockquote p {
  margin:.75em 0;
}

.index .post h2.post-title,
.archive .post h2.post-title,
#topmobilenav,
#mobilenav,
#topmenunya h2 {
  display:none;
}

.pager-isi {
  overflow:hidden;
}

.pager-isi a,
.pager-isi .linkgrey {
  width:50%;
  display:block;
  float:$startSide;
  padding:10px 0;
  font-size:120%;
  text-decoration:none;
}

.pager-isi h6 {
  color:#2C2C2C;
  font-size:100%;
}

.pager-isi h5 {
  font-size:90%;
}

a.blog-pager-newer-link {
  text-align:left;
  position:relative;
}

a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
  padding-left:20px;
}

a.blog-pager-older-link {
  text-align:right;
  position:relative;
}

a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
  padding-right:20px;
}

.pager-isi .linkgrey.left {
  text-align:left;
}

.pager-isi .linkgrey.right {
  text-align:right;
}

a.blog-pager-newer-link::after {
  content:"";
  width:0;
  height:0;
  border-width:8px 6px;
  border-style:solid;
  border-color:transparent #777676 transparent transparent;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-8px;
}

a.blog-pager-older-link::after {
  content:"";
  width:0;
  height:0;
  border-width:8px 6px;
  border-style:solid;
  border-color:transparent transparent transparent #777676;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-8px;
}

#main-wrapper .inline-ad {
  text-align: center;
  padding: 10px 0;
  overflow: hidden;
}

.feed-links,
.error_page #blog-pager {
  display:none;
}

/* Related Post
----------------------------------------------- */
#related_posts {
color:$(side.text.color);
}
#related_posts ul {
  overflow:hidden;
  list-style:none;
}

#related_posts li {
  list-style:none;
  float:$startSide;
  position:relative;
  width:50%;
  padding:0;
  min-height:120px;
  margin:0 0 8px;
}
#related_posts .inner {
padding: 5px 3px;
}
#related_posts .gmbrrltd {
  float:$startSide;
  margin:0 5px 0 0;
  padding:3px;
  border:1px solid $imageborder;
  width:70px;
  height:70px;
  display:block;
}
#related_posts a:hover {
text-decoration: none;
}
#related_posts strong {
line-height: 1.4em;
overflow: hidden;
max-height: 30px;
margin-bottom: 5px;
display: block;
}

#related_posts p {
  margin:5px 0 0;
  line-height:1.5em;
  display:none;
}
#related_posts .date.floatd:before {display:none;}
#related_posts .date.floatd {
  position:absolute;
  top:0;
  left:15px;
  color:$(main2.datetext.color);
  display:block;
  background-color:$(main2.date.color);
  text-align:center;
  padding:4px 2px;
}

#related_posts li:hover .date.floatd {
  background-color:$(main2.datehover.color);
}

#related_posts .date.floatd span {
  display:block;
  font-size:9px;
  line-height:12px;
  height:12px;
}

#related_posts .date.floatd span.dd {
  font-size:18px;
  line-height:17px;
  height:17px;
  font-weight:bold;
}

/* Comments
----------------------------------------------- */

.comment-form {
  max-width:100%;
  padding:10px;
  border:1px solid #C0C0C0;
  margin:0 0 10px;
  -moz-border-radius:2px;
  webkit-border-radius:2px;
  border-radius:2px;
}

.comments.threaded_commentsnya .comment-form {
  display:none;
}

.comments .continue a,
.comments .comments-content .comment-thread ol .comment-replybox-thread {
  -moz-box-shadow:inset 0 1px 5px $(comen.shadow.color);
  -webkit-box-shadow:inset 0 1px 5px $(comen.shadow.color);
  box-shadow:inset 0 1px 5px $(comen.shadow.color);
  background-color:$(comen.reback.color);
}

.comments .comments-content .comment-thread ol .comment-replybox-thread #form-wrapper {
  padding:5px 10px;
}

.comments .comments-content .comment-thread ol {
  margin:0;
}

.comments .comments-content .inline-thread {
  border:1px solid $(comen.border.color);
  border-left:2px solid $(main2.date.color);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.comments .comments-content .comment:first-child {
  padding-top:0;
}

.comments .comments-content .inline-thread .comment:first-child {
  padding-top:12px;
}

.comments .comments-content .icon.blog-author,
.commentarea .author-comment {
  background-image:url(http://3.bp.blogspot.com/-TpMivpUpG0s/UXCpktVApyI/AAAAAAAAI-o/6ZzgqgrANLI/s17/48_edit.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
}

#comments-block .avatar-image-container img {
  width:35px;
  height:35px;
  display:block;
}

#comments-block .avatar-image-container.avatar-stock img {
  border-width:0;
  padding:1px;
  background-image:url(http://4.bp.blogspot.com/-AEWksK942OE/UFiyLzXJhiI/AAAAAAAAFKE/jBegaGPClxI/s37/user-anonymous-icon.png);
}

.comments .comments-content .comment-content {
  text-align:justify;
  line-height:1.6em;
}

#comments-block.avatar-comment-indent dd.comment-body p {
  margin:0;
  line-height:1.6em;
}

#comments-block .avatar-image-container {
  top:0;
}

.commentarea {
  padding:8px;
  border:1px solid $(comen.border.color);
  border-left:2px solid $(main2.date.color);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin:0 0 15px;
  position:relative;
}

#comments-block.avatar-comment-indent dd.comment-body {
  margin:10px 0;
}

#comments-block.avatar-comment-indent .commentarea .comment-footer {
  margin-bottom:0;
  text-align:right;
}

.commentarea .datecm {
  font-size:90%;
  float:$endSide;
}

.commentarea .author-comment {
  display:inline-block;
  height:18px;
  margin:0 6px -4px 0;
  width:18px;
}

#googlePlusComment,
.cmt_iframe_holder {
  width:100% !important;
}

/* Sidebar Content
----------------------------------------------- */

.sidebar {
  color:$(side.text.color);
  line-height:1.5em;
}

.sidebar ul,
.footer ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}

.sidebar li,
.footer li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  line-height:1.5em;
}

.sidebar .widget,
.main .widget,
.sidebar .widget {
  padding:0 10px;
}

.main .Blog {
  border-bottom-width:0;
  position: relative;
}

/* Footer
----------------------------------------------- */

#footer-wrapper {
  overflow:hidden;
  padding:20px 0 0;
  border-top:5px solid $(foot2.bordertop.color);
  background-color:$(foot2.back.color);
  color:$(foot.text.color);
}

#footer-wrapper .row {
  width:99%;
  margin:0 auto;
  overflow:hidden;
}

#footer-wrapper .grid {
  width:25%;
  float:$startSide;
}

.footer .widget {
  padding:0 15px;
}

.footer .widget > h2 {
  font:$(foot.headfont.type);
  color:$(foot.headtext.color);
  background-image:url(http://4.bp.blogspot.com/-q4rW2Nbip7c/UWxMEfkADRI/AAAAAAAAI9Y/EZG2EWr99EE/s8/stripe.png);
  background-position:0 50%;
  background-repeat:repeat-x;
  margin:0 0 10px;
  padding:5px 0;
}

.footer .widget > h2 span {
  background-color:$(foot2.back.color);
  padding:0 5px 0 0;
}

.navix.credit {
overflow: hidden;
width: 98%;
padding: 5px 1%;
border-top: 1px solid #131313;
}
.navix.credit .left {
float: left;
}
.navix.credit .righ {
float: right;
}

/* Search Box
-----------------------------------------------
 */

#searchnya {
  float:$endSide;
  width:250px;
  margin:10px 0 0;
}

#ajax-search-form {
  position:relative;
  font:normal normal 11px Arial,Sans-Serif;
  width:230px;
  float:$endSide;
}

#ajax-search-form input {
  color:$(src.text.color);
  margin:0 0;
  background:$(src.back.color);
  padding:8px 8px;
  font-size:10px;
  outline:0;
  width:175px;
  float:$startSide;
  border:0;
}

#ajax-search-form input:focus {
  color:#FFF;
}

#search-result {
  color:$(src.resulttext.color);
  border:1px solid #F3F3F3;
  background-color:$(src.result.color);
  padding:8px 10px;
  margin:10px 0;
  width:280px;
  height:auto;
  position:absolute;
  top:27px;
  right:10px;
  z-index:99;
  -webkit-box-shadow:0 1px 3px #999;
  -moz-box-shadow:0 1px 3px #999;
  box-shadow:0 1px 3px #999;
  display:none;
}

#search-result * {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#search-result h4,
#search-result strong {
  display:block;
  margin:0 30px 10px 0;
}

#search-result ol {
  list-style:none;
  overflow:hidden;
  padding-right: 15px;
  }

.box, .box .antiscroll-inner {
width: 100%;
height: 400px;
}
#search-result .close {
  text-decoration:none;
  display:block;
  position:absolute;
  top:4px;
  font-size:18px;
  right:10px;
  line-height:normal;
  color:black;
}

#search-result li {
  padding:5px 0;
  overflow: hidden;
}

#search-result strong {
  margin:0 0 3px 0;
  display:block;
}

#search-result img {
  float:$startSide;
  display:block;
  margin:0 5px 0 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

#searchnya button {
  text-indent:-9999px;
  overflow:hidden;
  margin:0;
  background: transparent;
  width:35px;
  height:29px;
  font-size:12px;
  font-family:Arial,Helvetica,sans-serif;
  position:relative;
  cursor:pointer;
  border:none !important;
  outline:none;
}

/* Slider
-----------------------------------------------
 */

#main-top h2 {
  display:none;
}

#main-top {
  position:relative;
  z-index:0;
}

#main-top .widget-content::after,
#main-top .widget-content::before,
#manualslidenya::before,
#manualslidenya::after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:15px;
  left:5px;
  width:50%;
  height:20%;
  max-width:300px;
  -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
  -moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
  box-shadow:0 15px 10px rgba(0,0,0,0.7);
  -webkit-transform:rotate(-1deg);
  -moz-transform:rotate(-1deg);
  -ms-transform:rotate(-1deg);
  -o-transform:rotate(-1deg);
  transform:rotate(-1deg);
}

#main-top .widget-content::after,
#manualslidenya::after {
  right:5px;
  left:auto;
  -webkit-transform:rotate(1deg);
  -moz-transform:rotate(1deg);
  -ms-transform:rotate(1deg);
  -o-transform:rotate(1deg);
  transform:rotate(1deg);
}

ul.featpost,
ul.featpost li {
  padding:0;
  margin:0;
  overflow:hidden;
  position:relative;
}

ul.featpost li {
  height:280px;
  display:none;
  float:left;
}
ul.featpost li:first-child {
display:block;
}
ul.featpost,
.featuredpost {
  height:280px;
}

.featuredpost {
  overflow:hidden;
}

ul.featpost img {
  width:100%;
  height:100%;
}

#main-top .widget-content {
  padding:5px;
}

ul.featpost .labeltext {
  position:absolute;
  bottom:35px;
  left:0;
  width:85%;
  z-index:9;
  background-color:$(sli.desback.color);
  padding:7px 10px;
  color:$(sli.text.color);
}

ul.featpost strong.titlex {
  position:absolute;
  bottom:95px;
  display:block;
  left:10px;
  z-index:10;
  background-color:$(sli.back.color);
  padding:5px 8px;
  max-height:22px;
  overflow:hidden;
}

ul.featpost strong.titlex a {
  font:$(sli.font.type);
  color:$(sli.text.color);
  text-decoration:none;
  width:100%;
  font-weight:bold;
  text-transform:capitalize;
  display:inline-block;
}
ul.featpost .labeltext .infolabel {
font-size:90%;text-align:right;
}
ul.featpost .labeltext .infolabel a {
color:$(sli.text.color);
}
ul.featpost .labeltext .date {
 margin-right:5px;
}

ul.featpost .labeltext p {
  margin:5px 0 0;
  font-style:italic;
}

#main-top .flex-control-nav.flex-control-paging, #manualslidenya .flex-control-nav.flex-control-paging {
  position:absolute;
  width:100%;
  bottom:15px;
  z-index: 2;
}

#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
color:#000000;
  max-width:800px;
}

.featuredpost .flex-direction-nav a {
  top:50%;
  margin-top:-20px;
}

a.feathumb {
  width:100%;
  height:280px;
  display:block;
}
/* Archive
-----------------------------------------------
 */
 
#table-outer table {
  width:100%;
}

#orderFeedBy,
#labelSorter {
  width:90%;
  margin:5px 0;
}

#postSearcher input[type="text"] {
  width:88%;
  margin:5px 0;
  padding:3px 1%;
}

#feedContainer,
#feedContainer li {
  padding:0;
  margin:0;
  list-style:none;
}

#feedContainer {
  overflow:hidden;
  margin-top:20px;
}

#feedContainer li {
  float:left;
  width:50%;
  margin-bottom:10px;
  position:relative;
  z-index: 0;
}

#feedContainer .inner {
  padding:8px;
  margin:0 5px;
  position:relative;
  background-color:#FFF;
  border:1px solid #C0C0C0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  height:133px;
}

#feedContainer img {
  float:left;
  margin:0 8px 0 0;
}

#feedContainer .inner > strong {
  display:none;
}

#feedContainer .date {
  position:absolute;
  top:8px;
  left:15px;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
  font-size:9px;
  padding:3px 2px;
}

#feedContainer .inner:hover .date {
  background-color:$(main2.datehover.color);
}

#feedContainer .date span {
  display:block;
  line-height:12px;
  text-align:center;
}

#feedContainer .date .dd {
  font-size:15px;
  line-height:18px;
  font-weight:bold;
}

#feedContainer .toc-title {
  max-height:33px;
  overflow:hidden;
}

#feedNav a, #feedNav span {
  display:block;
  text-align:center;
  color:$(main2.datetext.color);
  text-decoration:none;
  background-color:$(main2.date.color);
  padding:5px;
  width:95%;
  margin:0 auto;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

#feedNav a:hover {
  background-color:$(main2.datehover.color);
}

body#layout #mainmtop-manualslide {
overflow: hidden;
}

body#layout #mainmtop-manualslide .add_widget, body#layout #mainmtop-manualslide  div.widget,body#layout #mainmtop-manualslide .dropregion {
float: left;
width: 25%;
}
/* Other
-----------------------------------------------
 */

img {
  max-width:100%;
  height:auto;
  width:auto\9;
}

a img,
a.loadpost,
.datex.show,
ul.rcentpost .date,
.buttons a,
ul.navtab li a,
#related_posts .date,
.post-outer.list .post-more-link a,
#feedContainer .date,
.showpageNum a {
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}

a img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  opacity:0.7;
}

a.loadpost {
  display:block;
  width:80%;
  margin:0 auto;
  line-height:30px;
  height:30px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
  text-decoration:none;
  position:relative;
}

a.loadpost:hover {
  background-color:$(main2.datehover.color);
}
a.loadpost:active {
top:1px;
}

.recntright .antiscroll-scrollbar-vertical {
right: 4px;
}
ul.rcentpost {
  margin:-5px -10px;
}
.recntright .box, .recntright .box .antiscroll-inner {
height:270px;
}
ul.rcentpost li { padding: 0;
  overflow:hidden;
  position:relative;
  z-index:0;
  border-bottom:1px solid #F1F1F1;
}
ul.rcentpost .inner {
padding: 8px;
overflow: hidden;
}
ul.rcentpost .recntright .inner {
padding-right:12px;
}
ul.rcentpost p {
margin: 10px 0;
}
ul.rcentpost .recntright p, .rcbytag.s ul.rcentpost p {
display:none;
}
a.thumbxtag {
  float:left;
  width:60px;
  height:60px;
  display:block;
  margin:0 8px 0 0;
  padding:3px;
  border:1px solid $imageborder;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:$(cont.back.color);
}

a.thumbxtag img {
  display:block;
  width:100%;
  height:100%;
}

.morepostag {
  text-align:center;
 padding: 5px 0;
}
.recntright .info, #related_posts .info {
font-size: 80%;
}
.morepostag a {
  display:block;
  width:80%;
  line-height:25px;
  height:25px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin:5px auto;
  color:$(main2.datetext.color);
  background-color:$(main2.date.color);
  text-decoration:none;
  -webkit-transition:background-color .4s ease-in-out;
  -moz-transition:background-color .4s ease-in-out;
  -o-transition:background-color .4s ease-in-out;
  -ms-transition:background-color .4s ease-in-out;
  transition:background-color .4s ease-in-out;
}
.morepostag a.loadingnya {
background-image: url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s16/progress_ani.gif);
background-repeat: no-repeat;
background-position: center;
text-indent:-9999px;
}
.morepostag a:hover, .morepostag a.loadingnya {
  background-color:$(main2.datehover.color);
}

ul.rcentpost > li.a0 a.thumbxtag, .rcbytag.s ul.rcentpost a.thumbxtag {
  float:none;
  width:auto;
  padding:5px;
  display:block;
  height:170px;
  position:relative;  
  margin: 0;
}

.rcbytag.s ul.rcentpost a.thumbxtag { 
  height:120px; 
}

ul.rcentpost li strong a {
  margin:0;
}

ul.rcentpost > li.a0 strong a {
  margin:10px 0 0;
  font-size:120%;
  display:block;
}

ul.rcentpost > li.a0 .date, .rcbytag.s ul.rcentpost .date {
  position:absolute;
  top:8px;
  left:20px;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
  display:block;
  padding:3px;
  text-align:center;
}

ul.rcentpost > li.a0 .date span, .rcbytag.s ul.rcentpost .date span {
  display:block;
  font-size:9px;
  line-height:12px;
  height:12px;
}

ul.rcentpost > li.a0 .date span.dd, .rcbytag.s ul.rcentpost .date span.dd {
  font-size:18px;
  font-weight:bold;
  line-height:20px;
  height:20px;
}

ul.rcentpost > li.a0:hover .date, .rcbytag.s ul.rcentpost li:hover .date {
  background-color:$(main2.datehover.color);
}

.rcbytag.s ul.rcentpost {
  margin:10px 0;
  overflow:hidden;
  height:175px;
}

.rcbytag.s ul.rcentpost li {
  padding:0;
  width:33.3%;
  float:$startSide;
  height:175px;
}

.rcbytag.s ul.rcentpost .inner {
 margin: 0;
padding: 0 8px;
}

.rcbytag.s ul.rcentpost .date {
  top:0;
}


.rcbytag.s ul.rcentpost p {
  display:none;
}
.rcbytag.h .rcentpost {
overflow: hidden;
}
.rcbytag.h ul.rcentpost > .a0 {
float: left;
width: 50%;
border-bottom: 0;
}
.rcbytag.h .recntright {
width: 50%;
float: left;
}
.recntright .date, .recntright .comnum, #related_posts .date, #related_posts .comnum {
padding-left: 15px;
display: inline-block;
position: relative;
}
.recntright .date:before, #related_posts .date:before {
  content: "\f133";
left: 0px;
font-size: 11px;
}
.recntright .comnum:before, #related_posts .comnum:before {
content: "\f075";
left: 2px;
}
.recntright .comnum {
margin-left: 8px;
}
#related_posts .date {
margin-right: 8px;
}
.recntright .comnum a, #related_posts .comnum a {
color:$(side.text.color);
}
.flex-direction-nav a {
  position:absolute;
  display:block;
  top:90px;
  width:25px;
  height:40px;
  background-color:$(main2.date.color);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  outline:0;
  text-indent:-9999px;
  background-image:url(http://1.bp.blogspot.com/-5Sp-MZWyiaU/UWxMDK77sGI/AAAAAAAAI9E/5VUb6FmzgNY/s1600/glyphicons-halflings-white.png);
  background-repeat:no-repeat;
  z-index: 2;
}

.widget-content:hover .flex-direction-nav a, #manualslidenya:hover .flex-direction-nav a {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}

.flex-direction-nav a:hover {
  background-color:$(main2.datehover.color);
}

.flex-direction-nav a.flex-prev {
  right:0;
  -moz-border-radius:3px 0 0 3px;
  -webkit-border-radius:3px 0 0 3px;
  border-radius:3px 0 0 3px;
  background-position:-18px 7px;
}

.flex-direction-nav a.flex-next {
  left:0;
  -moz-border-radius:0 3px 3px 0;
  -webkit-border-radius:0 3px 3px 0;
  border-radius:0 3px 3px 0;
  background-position:7px 7px;
}

.flex-control-nav.flex-control-paging,
.flex-control-nav.flex-control-paging li {
  list-style:none;
  padding:0;
  text-align:center;
  margin:0;
}

.flex-control-nav.flex-control-paging li {
  display:inline-block;
}

.flex-control-nav.flex-control-paging a {
  display:inline-block;
  text-indent:-9999px;
  margin:0 3px;
  width:10px;
  height:10px;
  background-color:$(main2.datehover.color);
  cursor:pointer;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
}

.flex-control-nav.flex-control-paging a.flex-active {
  background-color:$(main2.date.color);
}

.flex-viewport,
.rcbytag {
  max-width:612px;
  margin:0 auto;
}

.rcbytag.s ul.rcentpost strong a {
  margin:5px 0 0;
  font-size:13px;
}

#view a {
  display:inline-block;
  text-indent:-9999px;
  width:23px;
  height:23px;
  background-image:url(http://2.bp.blogspot.com/-rJBQIVZlRYI/UWxMEXv3CLI/AAAAAAAAI9c/tOlxHrVprWw/s1600/sprite1.png);
  background-repeat:no-repeat;
  float:$endSide;
  outline:0;
}

#view a.list {
  background-position:0 -102px;
}

#view a.list.active {
  background-position:0 -68px;
}

#view a.grid {
  background-position:0 -34px;
}

#view a.grid.active {
  background-position:0 0;
}

#labelxnya {
  position:absolute;
  z-index:99;
  top:100%;
  left:0;
  display:none;
}
#labelxnya .box, #labelxnya .box .antiscroll-inner {
height: 280px;
width:160px;
}
ul.subnya-xitem,
ul.subnya-xitem li {
  padding:0;
  list-style:none;
  margin:0;
  overflow: hidden;
width: 160px;
}

#labelxnya .bknslabel { 
  min-width: 160px;
  padding:8px 5px;
  background-color:#FFF;
  border:1px solid #E2E2E2;
  border-radius:3px;
  overflow:hidden;
  position:relative;
  top:-12px;
  -moz-box-shadow:0 0 10px #CFCECE;
  -webkit-box-shadow:0 0 10px #CFCECE;
  box-shadow:0 0 10px #CFCECE;
}

ul.subnya-xitem li { 
  margin:1px 0;
  white-space: nowrap;
}

ul.subnya-xitem a {
  line-height:25px;
  display:block;
  padding:0 10px;
}

ul.subnya-xitem a:hover {
  background-color:#F5F5F5;
}

#labelxnya span {
  position:relative;
  display:inline-block;
  text-indent:-9999px;
  left:50px;
  top:-7px;
  width:0;
  height:0;
  border-width:10px 10px;
  border-style:solid;
  border-color:transparent transparent #868585 transparent;
}

.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
  float:$startSide;
}

.ticker-wrapper.has-js {
  height:28px;
  overflow:hidden;
  margin:0 0 15px;
  line-height:28px;
  border:1px solid $(news.border.color);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background-color:$(side.area.color);
}

.ticker {
  width:92%;
  position:relative;
  overflow:hidden;
}

.ticker-title {
  background-color:$(news.back.color);
  padding:0 10px;
  color:$(news.text.color);
  font-weight:bold;
}

.ticker-content {
  margin:0;
  position:absolute;
  font-weight:bold;
  overflow:hidden;
  white-space:nowrap;
  line-height:26px;
  padding:0 10px;
  font-size:10px;
}

.ticker-content .date {
  padding:0 5px 0 0;
  border-right:1px solid #272727;
}

.ticker-swipe {
  position:absolute;
  top:0;
  background-color:$(side.area.color);
  display:block;
  width:800px;
  height:23px;
}

.ticker-swipe span {
  margin-left:1px;
  background-color:$(side.area.color);
  border-bottom:1px solid #000;
  height:18px;
  width:7px;
  display:block;
}

.ticker-controls {
  padding:6px 0 0;
  margin:0;
  list-style-type:none;
  float:$startSide;
}

.ticker-controls li {
  padding:0;
  margin-left:5px;
  float:$startSide;
  cursor:pointer;
  height:16px;
  width:16px;
  display:block;
}

.ticker-controls li.jnt-play-pause {
  background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
  background-position:32px 16px;
}

.ticker-controls li.jnt-play-pause.over {
  background-position:32px 32px;
}

.ticker-controls li.jnt-play-pause.down {
  background-position:32px 0;
}

.ticker-controls li.jnt-play-pause.paused {
  background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
  background-position:48px 16px;
}

.ticker-controls li.jnt-play-pause.paused.over {
  background-position:48px 32px;
}

.ticker-controls li.jnt-play-pause.paused.down {
  background-position:48px 0;
}

.ticker-controls li.jnt-prev {
  background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
  background-position:0 16px;
}

.ticker-controls li.jnt-prev.over {
  background-position:0 32px;
}

.ticker-controls li.jnt-prev.down {
  background-position:0 0;
}

.ticker-controls li.jnt-next {
  background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
  background-position:16px 16px;
}

.ticker-controls li.jnt-next.over {
  background-position:16px 32px;
}

.ticker-controls li.jnt-next.down {
  background-position:16px 0;
}

.js-hidden {
  display:none;
}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  background-color:$(main2.date.color);
}

.FollowByEmail .follow-by-email-inner .follow-by-email-address {
  font-size:12px;
  padding:2px 0;
  padding-left:5%;
  width:95%;
}

.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {
  background-color:#202020;
  border:1px solid #1B1B1B;
}

input[type="submit"] {
  border-radius:2px;
  background-color:$(main2.date.color);
  outline:0;
  border:0;
  padding:5px 8px;
  color:$(main2.datetext.color);
  margin:2px 3px;
  cursor:pointer;
}

input[type="submit"]:hover {
  background-color:$(main2.datehover.color);
}

input[type="text"] {
  padding:4px 5px;
  border:1px solid #B6B6B6;
  border-radius:2px;
  color:#585858;
}

.Label li {
  padding:3px 5px;
  margin:0 3px 3px 0;
  float:$startSide;
  background-color:$(main2.date.color);
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  border-radius:1px;
  color:#D6D6D6;
}

.Label li a {
  color:$(main2.datetext.color);
  text-decoration:none;
}

.Label li:hover {
  background-color:$(main2.datehover.color);
}

.footer .Label li:hover {
  background-color:$(backtop.backhover.color);
}

#top {
  position:fixed;
  right:10px;
  bottom:0;
  text-indent:-9999px;
  width:40px;
  height:0;
  background-color:$(backtop.back.color);
  border-radius:2px 2px 0 0;
  background-image:url(http://3.bp.blogspot.com/-Vug8W3sF3PA/UXSMCnhg68I/AAAAAAAAI_U/OhgHbKpX8r0/s1600/up.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
  opacity:0;
  cursor:pointer;
  outline:0;
}

#top:hover {
  background-color:$(backtop.backhover.color);
}

ul.rcomnetxx li {
  padding:5px;
  margin-bottom:8px;
  overflow:hidden;
}

ul.rcomnetxx .kmtimg {
  float:$startSide;
  margin:0 5px 5px 0;
  width:50px;
  height:50px;
  padding:3px;
  border:1px solid $imageborder;
}

ul.rcomnetxx p {
  margin:5px 0 0;
}

ul.rcomnetxx .date {
  font-size:80%;
}

.PopularPosts li img {
  padding:0;
  width:65px;
  height:65px;
  display:block;
}

.PopularPosts .item-thumbnail {
  padding:3px;
  border:1px solid $imageborder;
  width:65px;
  height:65px;
}

.loadingxx {
  background-image:url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s1600/progress_ani.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  min-height:150px;
}

#featpost.loadingxx {
  height:280px;
}

.antiscroll-wrap {
  display: block;
  position: relative;
  overflow: hidden;  
}

.antiscroll-scrollbar {
  background: gray;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity, linear 300ms width;
  -moz-transition: linear 300ms opacity, linear 300ms width;
  -o-transition: linear 300ms opacity, linear 300ms width;
  transition: linear 300ms opacity, linear 300ms width;
}

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}

.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0; 
 }
.antiscroll-scrollbar-vertical:hover {
width: 9px;
}
.antiscroll-inner {
  overflow: scroll;
}
.antiscroll-inner::-webkit-scrollbar {
  width: 0;  
  height: 0;
}

.antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}
.index #blog-pager, .archive #blog-pager {
text-align: left;
margin: 10px 0 0;
padding: 5px;
}
.showpagePoint, .showpageNum a, .showpage a {
display: inline-block;
padding: 8px 9px;
margin-right: 2px;
color: $(cont.back.color);
background-color: $(main2.date.color);
border-radius: 3px;
position: relative;
text-decoration: none;
outline: 0;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
background-color: $(main2.datehover.color);
}
.showpageNum a:active, .showpage a:active {
top:1px;
}
.loadingpost {
position: absolute;
background-color: $(cont.back.color);
background-image: url(https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
top: 0;
left: 0;
bottom: 30px;
right: 0;display:none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
/* RESPONSIVE */

@media only screen and (max-width:1024px) {
  #navinti a {padding:0 10px;}
  #searchnya {width: 195px;}
  #ajax-search-form {width: 191px;}
  #ajax-search-form input {width: 140px;}
}
@media only screen and (max-width:979px) {
  #outer-wrapper,
  #nav {
    width:768px;
  }
  #nav .wrap {
  width: 99%;
  }
  #footer-wrapper .grid {
    width:33.3%;
  } 
  #topmenunav, #menunav, .sf-menu a.home:before, .sf-menu > li > a.home.current:before {display:none;}
  #topmobilenav, #mobilenav {
  display:block;
  }
  #menunav, #topmenunav {
  position: absolute;
top: 100%;
float: none;
left: 5px;
  }
  #menunav {
background-color: $(midnav.back.color);
right: 5px;
}
#topmenunav {
width: 300px;
background-color: $(topnav.back.color);z-index: 99;
}
.sf-menu > li {
float: none;
}
.sf-menu ul {
position: static;
}
.sf-menu ul ul li {
margin: 1px 0;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
text-indent: 0;
width: auto;
padding: 0 10px;
}
#menunav > li > a {
height: 30px;
line-height: 30px;
}
#topnav .tgltop {
margin-left: 35px;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display:none;
}
  #main-atas {
    width:58%;
  }
  #sidebar-wrapper {
    width:40%;
  }
  #mainmidtengah .section,
  #mainmidtengah2 .section {
    width:100%;
    float:none;
  }
  .index .post-outer,
  .archive .post-outer,
  ul.rcentpost.sliderq li {
    width:50%;
  }
  .post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
    width:150px;
    height:120px;
  }
  .ticker {
    width:90%;
  }
  ul.featpost,
  .featuredpost,
  ul.featpost li,
  a.feathumb {
    height:240px;
  }
  .featuredpost {
    font-size:11px;
  }
  #main-top .flex-viewport, #main-top-manualslide .flex-viewport {
    width:100%;
  }
  ul.featpost strong.titlex {
    max-width:250px;
    max-height:55px;
    bottom:110px;
  }
  .post-body .left,
  .post-body .right {
    float:none;
    display:block;
    text-align:center;
    margin:10px 0 15px;
  }
    
  #related_posts strong {
    max-height:auto;
  }
    
  #related_posts li {
    width:100%;
    float:none;
    height:auto;
    overflow:hidden;
  }
  .comments .comments-content .comment-replies {
    margin-left:10px;
  }
  #header {
    width:100%;
    float:none;
  }
  #adstop {
    display:none;
  }    
  #feedContainer li {
  float:none;
  width:100%;
  }

#feedContainer .inner {
  height:auto;
  }
  .rcbytag.h ul.rcentpost > .a0, .rcbytag.h .recntright {
  width: auto;
float: none;
  }
  .rcbytag.h ul.rcentpost > .a0 {
  border-bottom: 1px solid #F1F1F1;
  }
}

@media only screen and (max-width:767px) {
  #outer-wrapper,
  #nav {
    width:480px;
  }
  #footer-wrapper .grid {
    width:50%;
  }
  #main-atas,
  #sidebar-wrapper {
    width:98%;
    float:none;
    padding:0 1%;
  }
  .flex-viewport,
  .rcbytag {
    width:407px;
  }    
  #newsticker {
    display:none;
  }  
  #header {
    text-align:center;
  }
  #header img {
    margin:0 auto;
  }
  .navix.credit .left, .navix.credit .righ {
	float: none;
	text-align: center;
  }
  #topmenunav {
right: 5px;
width: auto;
}
}

@media only screen and (max-width:479px) {
  #outer-wrapper,
  #nav {
    width:320px;
  }
  #footer-wrapper .grid {
    width:100%;
  }
  a.thumbimgx, .thumbimgslide {
    padding:3px;
    height:110px;
  }
  .index .post-outer .post,
  .archive .post-outer .post {
    height:160px;
  }
  .post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
    width:100px;
    height:90px;
  }
  ul.rcentpost.sliderq a.thumbxtag,
  ul.rcentpost.sliderq li:first-child a.thumbxtag {
    width:97%;
    height:90px;
  }
  ul.rcentpost.sliderq,
  ul.rcentpost.sliderq li {
    height:150px;
  }
  .post-outer.list .post .titlex {
    font-size:130%;
  }
  .separator a, table.tr-caption-container {
    float:none !important;
    margin:0 auto 15px !important;
  }
  table.tr-caption-container {   
    padding:0;
  }
  .flex-viewport,
  .rcbytag {
    width:100%;
  }
  ul.featpost strong.titlex {
    max-width:190px;
    bottom:95px;
  }
  ul.featpost .labeltext p {
    height:50px;
    overflow:hidden;
  }
  ul.featpost .labeltext .date {
    display:none;
  }
  ul.featpost,
  .featuredpost,
  ul.featpost li,
  a.feathumb {
    height:200px;
  } 
  #search-result, .box, .box .antiscroll-inner {
    width:272px;
  }  
  #topnav .tgltop {
display: none;
}
}

@media only screen and (max-width:319px) {
  #outer-wrapper,
  #nav {
    width:100%;
  }
  .index .post-outer,
  .archive .post-outer,
  ul.rcentpost.sliderq li {
    width:100%;
    float:none;
  }
  #search-result, .box, .box .antiscroll-inner {
    width:250px;
  }  
}
.thumbnailsprod{text-align:center;margin-left:-50px}
.thumbnailsprod img{padding:10px}
.thumbnailsprod a{color:#333;font-size:12px}.imgprod{height:120px}
.thumbnailsprod >li{display:inline-block;*display:inline;float:center;width:190px;height:220px;padding:5px;margin:5px;vertical-align:top;border:#E1E1E1 1px solid;background-image:url(http://www.alnect.net/themes/red_beauty/images/new_prod_bg.jpg);background-repeat:repeat-x;background-position:bottom;background-color:#FFF}
.product_no{color:#093;font-size:10px}
.titleprod{height:50px;vertical-align:top;overflow:hidden}
.hargaprod{color:#F00;font-size:18px;padding-top:5px;position:absolute;font-weight:bold;width:174px;vertical-align:bottom}.rp{color:#333;font-size:12px;top:-5px;position:relative}
.thumbnailsprod_all{text-align:left;margin-left:0px}
.thumbnailsprod_all img{padding:10px}
.thumbnailsprod_all a{color:#333;font-size:12px}
.thumbnailsprod_all >li{text-align:center;display:inline-block;*display:inline;float:none;width:185px;height:240px;padding:5px;margin:5px;vertical-align:top;border:#E1E1E1 1px solid;background-image:url(../images/new_prod_bg.jpg);background-repeat:repeat-x;background-position:bottom}.hargaprod2{color:#FF2E25;font-size:18px;padding-top:5px;position:absolute;width:183px;vertical-align:bottom;font-weight:bold}
/*----------------------------------------------------
        {--------}  Below Header  {--------}
----------------------------------------------------*/			
#casing{
      width:100%;
      padding:0px 0px 30px 0px;
}

/* Slider */
#pslider{
      width:100%;
      height:300px!important;
}
#pcover{
      width:100%;
      position:relative;
}
img.slideimg{
      width:1080px;
      height:300px;
      display:block;
}
.bx-pager{
      position:absolute;
      padding:5px 10px 5px 5px;
      bottom:10px;
      left:10px;
      z-index:1000;
}
a.pager-link{
      width:12px;
      height:12px;
      display:block;
      text-indent:-9000px;
      background:url(http://1.bp.blogspot.com/-79r8YtVytA4/Tr8mhxq0DXI/AAAAAAAAGMs/kM-3CZpMBCk/s1600/cog.png);
      float:left;
      margin-left:5px;
}
a.pager-active{
      width:12px;
      height:12px;
      display:block;
      text-indent:-9000px;
      background:url(http://3.bp.blogspot.com/-Ern_PDxDkE8/Tr8moTbg02I/AAAAAAAAGM4/cg4yTsEyQqQ/s1600/coga.png);
      float:left;
      margin-left:5px;
}
.aligncenter{display:block;margin:0 auto}.alignleft{float:left}.alignright{float:right}div{position:relative}html{-webkit-font-smoothing:antialiased;}.column-clear{clear:both;}.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}.portfolio-categ{margin-bottom:30px;}.portfolio-categ li{display:inline;margin-right:10px;}.image-block{display:block;position:relative;}.image-block img{border:1px solid #d5d5d5;border-radius:4px 4px 4px 4px;padding:10px;}.image-block img:hover{border:1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}.portfolio-area li{float:left;margin:0 12px 20px 0;overflow:hidden;width:185px;padding:5px;}.home-portfolio-text{margin-top:10px;}li.active a{text-decoration:underline;}
.phone{background:url(https://lh3.googleusercontent.com/zukF9tsbvWI9iN4gb0I4EMdXiBS4USPj-cEmHK1J7Vg=s24-no) left center no-repeat;float:right;color:#ddd;font-weight:700;margin-right:10px;overflow:hidden;padding:5px 10px 5px 25px}
.bbm{background:url(https://lh6.googleusercontent.com/5VfM2derbfOZwjUODkT6hJHeCmSkP1wfyoA8xSgz--s=s50-no) left center no-repeat;background-size:24px auto;float:right;color:#ddd;font-weight:700;margin-right:10px;overflow:hidden;padding:5px 10px 5px 25px}
.email{background:url(https://lh6.googleusercontent.com/pKxEKiFvyDRd0waUqs0EoS2DlzVMfTqryFxmxiYpI80=s24-no) left center no-repeat;float:right;color:#ddd;font-weight:700;margin-right:10px;overflow:hidden;padding:5px 10px 5px 25px}
.top_cont {
	width:100%;
	max-width:1080px;
	background:#333;
	height:20px;
	padding:5px 0;
	margin:0 auto;
}
.top_cont a {
	text-decoration:none;
}

.top_cont a:hover {
	text-decoration:underline;
}

.welcome_msg {
	color: #f3f3f3;
	float: left;
	width: 300px;
	padding:5px;
	margin-left:0px;
}

.welcome_msg a {
	color:#e1296f;
	
}

.link_top {
	float:right;
	margin-right:20px;
	color:#f3f3f3;
	width:210px;
}

.link_top a {
	color:#f3f3f3;
}

.header_cont {
	
}

.top_head {
	height:99px;
}

.logo {
	float:left;
	width:300px;
	height:65px;
	position:relative;
	top:25px;
	left:20px;
}

.call {
	float:right;
	position:relative;
	right:20px;
	width:333px;
	height:50px;
	top:0px;
}
#header-wrap{background:white;width:100%;max-width:1080px;height:100px;overflow:hidden;border-bottom:1px solid #DDD;margin:0 auto}
#header-menu{float:left;margin-left:10px;overflow:hidden;display:none}
#header-left{float:left;width:250px;height:80px;margin-top:5px;margin-left:10px}
#header-left img{height:80px}
#header-center{float:left;width:460px;height:80px;margin-top:10px;margin-left:30px}
.socmed{float:right;width:150px;height:40px;background:url(https://lh3.googleusercontent.com/wT9C0c134kxBLHL1XYBzVnt_RtLf5jdWW_5oNwKBcP0=w231-h91-no) left top no-repeat;margin-top:5px;overflow:hidden;padding:50px 5px 0 50px}
.socmed img{width:38px;cursor:pointer}
.socmed img:hover{opacity:0.8}
#header-inner{background-position:left}
#header h1,#header h2{font-size:25px;letter-spacing:0;text-transform:none;opacity:0;margin:5px 5px 0;padding:10px 10px 0 0}
#header a{font-family:"Fjalla One", helvetica;text-transform:uppercase;color:#3F3F3F;text-decoration:none}
#header a:hover{color:#3F3F3F}
#header .description,#header h3{color:#333;font-size:12px;max-width:700px;text-transform:none;opacity:0;margin:0 5px 5px;padding:0 20px 15px}
#header img{margin-left:auto;margin-right:auto}
